<div class="container-fluid row body_">

    <div class="container text-center">
        <h2>王者荣耀擂台赛</h2>
        <span>赛事ID:</span>
        <span>(003)</span>
    </div>

    <div class="container GameTab">
        <ul>
            <li id="a1" class="float_ ">
                <button class="btn btn-primary">
                    <a onclick="GameTurn(1)">
                        <span>赛事情况</span>
                    </a>
                </button>
            </li>
            <li id="a2" class="float_ ">
                <button class="btn btn-primary">
                    <a  onclick="GameTurn(2)">
                        <span>报名通道</span>
                    </a>
                </button>
            </li>
            <li id="a3" class="float_ ">
                <button class="btn btn-primary">
                    <a  onclick="GameTurn(3)">
                        <span>赛程对阵</span>
                    </a>
                </button>
            </li>
        </ul>
    </div>

    <div class="container border_ GameBox _hidden_" id="Game1"  >

        <div class="border_ float_ Game1_1 bg">
            <div class="col-md-3 float_">
                <span>赛事项目</span>
                <h3>王者荣耀</h3>
            </div>
            <div class="col-md-3 float_">
                <span>对阵赛制</span>
                <h3>5v5</h3>
            </div>
            <div class="col-md-3 float_">
                <span>开始时间</span>
                <h3>待确认</h3>
            </div>
        </div>

        <div class="float_ border_ Game1_2 bg">
            <p class="float_">赛事介绍</p>
            <p class="float_">此次为王者荣耀擂台赛，参赛报名方式简便，欢迎报名。</p>
        </div>

        <div class="float_ border_ Game1_3 bg">
            <p class="float_">赛事规则</p>
            <p class="float_">(1)但凡参加王者荣耀擂台赛的参赛者都需要提交<b style="color:#fa5038">200元</b>200元的报名费</p>
        </div>

        <div class="float_ border_ Game1_4 bg">
            <p class="float_">奖金分配</p>
            <p class="float_">(1):冠军奖金为<b style="color:#fa5038">5000元</b><br/>
                (2):亚军奖金为<b style="color:#fa5038">3000元</b><br/>
                (3):季军奖金为<b style="color:#fa5038">1000元</b><br/>
                (4):殿军<b style="color:#fa5038">皮肤奖励</b>
            </p>
        </div>
    </div>

    <div class="container _hidden_ border_ Game2" style="display:block" id="Game2">
        <!--5V5征召————王者荣耀-->
        <div ng-controller="mainForm" class="Game2_">
            <form  name="FormSubmit" ng-submit="save()">
                <!--  队名-->
                <div class="form-group">
                    <img src="./images/flas.png" alt="">
                    <label style="color:#337ab7">队名</label>
                    <input style="background-color: transparent;" type="text"
                           name="teamName"
                           class="form-control input-normal input_change"
                           ng-model="formdata.teamName"
                           ng-minlength="2"
                           ng-maxlength="6"
                           placeholder="请输入队名"
                           ng-class="{'error':FormSubmit.teamName.$invalid && FormSubmit.teamName.$touched}"
                           required    >
                    <img class="Game_check_img" src="./images/check.svg" ng-if="FormSubmit.teamName.$valid" />
                </div>
                <!--队长信息-->
                <div class="cpation_info space">
                    <div class="form-group">
                        <img src="./images/head2.png" alt="">
                        <label style="color:#337ab7" class="font">队长姓名</label>
                        <input style="background-color: transparent;" type="text"
                               class="form-control input-normal input_change"
                               placeholder="请输入姓名"
                               name="captionName"
                               ng-model="formdata.LoLcaptionName"
                               ng-class="{'error':FormSubmit.captionName.$invalid && FormSubmit.captionName.$touched}" required>
                        <img class="Game_check_img" src="./images/check.svg" ng-if="FormSubmit.captionName.$valid"/>
                    </div>
                    <div class="capSex" ng-init="formdata={captionsex:'man'}">
                        <img src="./images/sex.png" alt="">
                        <!--  <label class="font">性别:&nbsp&nbsp</label>-->

            <span class="radio-inline">
                <input style="background-color: transparent;" ng-model="formdata.captionsex"
                       type="radio"
                       name="captionsex"
                       id="inlineRadio_1"
                       value="man">男
            </span>
            <span class="radio-inline">
                <input style="background-color: transparent;" ng-model="formdata.captionsex"
                       type="radio"
                       name="captionsex"
                       id="inlineRadio_2"
                       value="woman">女
            </span>
                    </div>
                    <div class="form-group">
                        <img src="./images/phone.png" alt="">
                        <label class="font">手机:</label>
                        <input style="background-color: transparent;"
                               name="LoLphone" ng-model="formdata.LoLphone"
                               ng-minlength="11"
                               ng-maxlength="11"
                               ng-class="{'error':FormSubmit.phone.$invalid && FormSubmit.phone.$touched}"
                               type="number"
                               class="form-control input-normal input_change"
                               placeholder="请输入手机号码"
                               required>
                        <p class="p_color" ng-if="FormSubmit.phone.$invalid && FormSubmit.phone.$touched">请输入正确的11位号码</p>
                        <img  class="Game_check_img" src="./images/check.svg" ng-if="FormSubmit.phone.$valid"/>
                    </div>
                    <div class="form-group">
                        <img src="./images/wechar.png" alt="">
                        <label class="font">微信号:</label>
                        <input style="background-color: transparent;" name="Wechar" ng-model="formdata.Wechar" class="form-control input-normal input_change" ng-class="{'error':FormSubmit.Wechar.$invalid && FormSubmit.Wechar.$touched}" placeholder="请输入微信号" required>
                    </div>
                </div>
                <!--  队员1信息-->
                <div class="menber1 space">
                    <div class=" form-group">
                        <img src="./images/head2.png" alt="">
                        <label class="font">队员1姓名：</label>
                        <input style="background-color: transparent;" type="text" class="form-control input-normal input_change" placeholder="请输入姓名"
                               name="menber1_Name"
                               ng-model="formdata.LoL1_Name"
                               ng-class="{'error':FormSubmit.menber1_Name.$invalid && FormSubmit.menber1_Name.$touched}" required>
                        <img class="Game_check_img" src="./images/check.svg" ng-if="FormSubmit.menber1_Name.$valid"/>
                    </div>
                    <div  ng-init="formdata={menber1_sex:'man'}">
                        <label class="font">性别:&nbsp&nbsp</label>

        <span class="radio-inline ">
            <input style="background-color: transparent;" ng-model="formdata.menber1_sex"
                   type="radio"
                   name="menber1_sex"
                   id="inlineRadio1"
                   value="man">男
        </span>
        <span class="radio-inline">
            <input style="background-color: transparent;" ng-model="formdata.menber1_sex"
                   type="radio"
                   name="menber1_sex"
                   id="inlineRadio2"
                   value="woman">女
        </span>
                    </div>
                </div>
                <!--队员2-->
                <div class="menber2 space">
                    <div class="form-group">
                        <img src="./images/head2.png" alt="">
                        <label style="color:#337ab7" class="font">队员2姓名：</label>
                        <input style="background-color: transparent;" type="text"
                               class="form-control input-normal input_change"
                               placeholder="请输入姓名"
                               name="menber2_Name"
                               ng-model="formdata.menber2_Name"
                               ng-class="{'error':FormSubmit.menber2_Name.$invalid && FormSubmit.menber2_Name.$touched}" required>
                        <img class="Game_check_img" src="./images/check.svg" ng-if="FormSubmit.menber2_Name.$valid"/>
                    </div>
                    <div  ng-init="formdata={menber2_sex:'man'}">
                        <label class="font">性别:&nbsp&nbsp</label>

            <span class="radio-inline">
                <input style="background-color: transparent;" ng-model="formdata.menber2_sex"
                       type="radio"
                       name="menber2_sex"
                       id="inlineRadio1"
                       value="man">男
            </span>
            <span class="radio-inline">
                <input style="background-color: transparent;" ng-model="formdata.menber2_sex"
                       type="radio"
                       name="menber2_sex"
                       id="inlineRadio2"
                       value="woman">女
            </span>
                    </div>
                </div>
                <!--队员3-->
                <div class="menber3 space ">
                    <div class="form-group">
                        <img src="./images/head2.png" alt="">
                        <label class="font">队员3姓名：</label>
                        <input style="background-color: transparent;" type="text"
                               class="form-control input-normal input_change"
                               placeholder="请输入姓名"
                               name="menber3_Name"
                               ng-model="formdata.menber3_Name"
                               ng-class="{'error':FormSubmit.menber3_Name.$invalid && FormSubmit.LoL3_Name.$touched}" required>
                        <img  class="Game_check_img" src="./images/check.svg" ng-if="FormSubmit.menber3_Name.$valid"/>
                    </div>
                    <div ng-init="formdata={menber3_sex:'man'}">
                        <label class="font">性别:&nbsp&nbsp</label>

        <span class="radio-inline">
            <input style="background-color: transparent;" ng-model="formdata.menber3_sex"
                   type="radio"
                   name="menber3_sex"
                   id="inlineRadio1"
                   value="man">男
        </span>
        <span class="radio-inline">
            <input style="background-color: transparent;" ng-model="formdata.menber3_sex"
                   type="radio"
                   name="menber3_sex"
                   id="inlineRadio2"
                   value="woman">女
        </span>
                    </div>
                </div>
                <!--队员4-->
                <div class="menber4 space ">
                    <div class="form-group">
                        <img src="./images/head2.png" alt="">
                        <label class="font">队员4姓名</label>
                        <input style="background-color: transparent;" type="text"
                               class="form-control input-normal input_change"
                               placeholder="请输入姓名"
                               name="menber4_Name"
                               ng-model="formdata.LoL4_Name"
                               ng-class="{'error':FormSubmit.menber4_Name.$invalid && FormSubmit.menber4_Name.$touched}" required>
                        <img class="Game_check_img" src="./images/check.svg" ng-if="FormSubmit.menber4_Name.$valid"/>
                    </div>
                    <div ng-init="formdata={menber4_sex:'man'}">
                        <label class="font">性别:&nbsp&nbsp</label>

        <span class="radio-inline">
            <input style="background-color: transparent;" ng-model="formdata.menber4_sex"
                   type="radio"
                   name="menber4_sex"
                   id="inlineRadio1"
                   value="man">男
        </span>
        <span class="radio-inline">
            <input style="background-color: transparent;" ng-model="formdata.menber4_sex"
                   type="radio"
                   name="menber4_sex"
                   id="inlineRadio2"
                   value="woman">女
        </span>
                    </div>
                </div>
                <!--替补队员5-->
                <div class="menber6 space ">
                    <div class="form-group">
                        <img src="./images/head2.png" alt="">
                        <label class="font">替补队员姓名</label>
                        <input style="background-color: transparent;" type="text"
                               class="form-control input-normal input_change"
                               placeholder="请输入姓名"
                               name="menber5_Name"
                               ng-model="formdata.LoL6_Name"
                               ng-class="{'error':FormSubmit.menber5_Name.$invalid && FormSubmit.menber5_Name.$touched}" required>
                        <img class="Game_check_img" src="./images/check.svg" ng-if="FormSubmit.menber5_Name.$valid"/>
                    </div>
                    <div ng-init="formdata={menber5_sex:'man'}">
                        <label>性别:&nbsp&nbsp</label>

        <span class="radio-inline">
            <input style="background-color: transparent;" ng-model="formdata.menber5_sex"
                   type="radio"
                   name="menber5_sex"
                   id="inlineRadio1"
                   value="man">男
        </span>
        <span class="radio-inline">
            <input style="background-color: transparent;" ng-model="formdata.menber5_sex"
                   type="radio"
                   name="menber5_sex"
                   id="inlineRadio2"
                   value="woman">女
        </span>
                    </div>
                </div>
                <button
                        type="submit"
                        class="btn btn-success btn_LOL"
                        ng-disabled="FormSubmit.$invalid"
                >提交</button>
            </form>
        </div>
    </div>

    <div class="container _hidden_" id="Game3">
        <div>
            <h1>功能拓展中...</h1>
        </div>
    </div>

</div>